        $(function() {
            // 隐式迭代的好处
            $(".nav>li").mouseover(function() {
                $(this).children("ul").show();
            })
            $(".nav>li").mouseout(function() {
                $(this).children("ul").hide();
            })
            let token = localStorage.getItem("token");
            token = JSON.parse(token);
            if (token === null) {
                $('.notLogin').empty();
                var notLogin = $('<div class="notLogin">还未登录,前去登录</div>');
                $("body").prepend(notLogin);
                // $("#getUserinfo").after(notLogin);
                $('.notLogin').on("click", function() {
                    location.replace("http://127.0.0.1:3007/html");
                })
            } else {
                // 获取用户基本信息的ajax
                // 默认行为
                userajax();
                load()
                pinglun()
                    // 获取评论的方法
                setInterval(() => {
                    pinglun()
                    load()
                }, 1000);
            }


            // 全局变量
            var lesson = 0


            // 如果有人评论使滚动条滚动到最下面
            function scrollBar() {
                // 最大滚动距离
                commentscollMax = $('.comment')[0].scrollTopMax
                    // 如果有人评论使滚动条滚动到最下面
                $('.comment').scrollTop(commentscollMax + 1000)
            }




            function pinglun() {
                $.ajax({
                    url: 'http://127.0.0.1:3007/my/gettitle',
                    type: 'GET',
                    headers: {
                        Authorization: token[0].Authorization
                    },
                    success: function(data) {
                        // console.log(data);
                        // 把数据库获取的放到localstorage里
                        localStorage.setItem('comment', data.data.title)

                    }
                })
            }
            // 聊天框

            const fason = document.querySelector('.comment-submit')
            const commentInput = document.querySelector('.comment-input')
            $('.comment-input').on('keydown', function(e) {
                if (e.keyCode === 13) {
                    // 获取数据库的数据
                    let token = localStorage.getItem("token");
                    token = JSON.parse(token);

                    // 获取数据
                    var local = getData()
                        // 追加数据
                    var studentmsg = localStorage.getItem('studentmsg')
                    username = JSON.parse(studentmsg)
                        // console.log(username.username);
                    local.push({
                        title: commentInput.value,
                        name: username.name
                    });

                    // 数据库储存
                    $.ajax({
                        url: 'http://127.0.0.1:3007/my/updatetitle',
                        type: 'POST',
                        data: {
                            title: JSON.stringify(local)
                        },
                        headers: {
                            Authorization: token[0].Authorization
                        },
                        success: function(data) {
                            console.log('存储成功');
                        }
                    })

                    // 把local数组进行替换
                    // 方法一 直接写
                    // localStorage.setItem('comment', JSON.stringify(local))
                    // 方法二 创建一个本地存储的方法
                    setData(local)
                    commentInput.value = null
                    load()
                    scrollBar()

                }
            })

            // 读取本地存储的数据
            function getData() {
                var data = localStorage.getItem('comment')
                if (data !== null) {
                    return JSON.parse(data)
                } else {
                    return []
                }
            }
            // 本地存储数据
            function setData(data) {
                // 本地储存
                localStorage.setItem('comment', JSON.stringify(data))
            }

            // 点击事件
            fason.addEventListener('click', function() {
                // 获取数据库的数据
                let token = localStorage.getItem("token");
                token = JSON.parse(token);

                // 获取数据
                var local = getData()
                    // 追加数据
                var studentmsg = localStorage.getItem('studentmsg')
                username = JSON.parse(studentmsg)
                    // console.log(username.username);
                local.push({
                    title: commentInput.value,
                    name: username.username
                });

                // 数据库储存
                $.ajax({
                    url: 'http://127.0.0.1:3007/my/updatetitle',
                    type: 'POST',
                    data: {
                        title: JSON.stringify(local)
                    },
                    headers: {
                        Authorization: token[0].Authorization
                    },
                    success: function(data) {
                        console.log('存储成功');
                    }
                })

                // 把local数组进行替换
                // 方法一 直接写
                // localStorage.setItem('comment', JSON.stringify(local))
                // 方法二 创建一个本地存储的方法
                setData(local)
                commentInput.value = null
                load()
                scrollBar()

            })

            // 渲染加载数据
            function load() {
                var data = getData();

                // 遍历之前清空元素
                $('.comment').empty()
                $.each(data, function(i, n) {
                    // console.log(n);
                    // console.log(n);

                    $('.comment').append('<div class=".comment-father" indxe=' + i + '><span class="comment-user">' + n.name + ':</span><span class="comment-son">' + n.title + '</span></div>')
                })
            }


            // 获取用户信息按钮
            function userajax() {
                let token = localStorage.getItem("token");
                token = JSON.parse(token);
                console.log('id', token[0].id);
                $.ajax({
                        url: 'http://127.0.0.1:3007/my/userinfo',
                        type: 'POST',
                        data: {
                            id: token[0].id
                        },
                        headers: {
                            Authorization: token[0].Authorization
                        },
                        success: function(data) {
                            // console.log(data.data.username, data.data.nickname, data.data.email, data.data.user_pic);
                            localStorage.setItem('studentmsg', JSON.stringify(data.data))
                        },
                    }) // console.log(data);
                    // 给评论前面加上姓名

            }
            // console.log(token[0].Authorization);


            // 因为li是动态创建所以要用on来绑定事件
            // 第一个参数是事件类型 第二个是事件委托（谁触发） 
            // $(".userlist").on("click", "li", function() {
            //     alert(11)
            // })

            // 用户信息函数
            // function load(data) {
            //     const li = $("<ul class='right'><li><a>" + data.id + "</a></li>" + "<li><a>" + data.username + "</a></li></ul>")
            //     $(".box").append(li);
            // }


        })